const path = require("path");
const HtmlWebpackPlugin = require("html-webpack-plugin");
module.exports = {
	// 1- 入口
	entry:"./src/app.js",
	// 2- 出口
	output:{
		// 输出的目录
		path:path.resolve(__dirname,"./build"),
		// 输出的文件名
		filename: "[name].min.js",
		// 在输出之前先将指定的输出目录清空
		clean: true
	},
	module:{
		rules: [
			{
				// cnpm i css-loader style-loader -D
				// 指定支持的文件类型
				test:/\.css$/,
				// css-loader:支持css模块化
				// style-loader:将css内容放置到style标签
				use:["style-loader","css-loader"]
			}
		]
	},
	plugins: [
		new HtmlWebpackPlugin({
			template:path.resolve(__dirname,"./public/index.html"),
			// 指定打包以后的文件名
			// filename: "home.html"
			// inject: false,// 不需要引入依赖的JS文件
			inject: "body",// 将引入的JS文件放置到body底部
			minify: {
				removeAttributeQuotes:true,// 移除属性值的双引号
				removeComments:true,// 移除注释
				collapseWhitespace:true,// 折叠并去掉空行
			}
		})
	],
	mode:"development"// 开发模式
}